<template>  <div data-title="用户中心">    <Header selected="UserCenter"/>    <div id="main">      <div class="page-banner" :style="{'background-image': 'url('+require('@/assets/img/unsplash-bonus.jpg')+')'}"/>      <router-view/>    </div>    <ToHome></ToHome>    <ToTop></ToTop>    <Footer></Footer>  </div></template><script>import ToTop from "@/components/ToTop";import ToHome from "@/components/ToHome";import Header from "@/components/Header";export default {  name: "UserCenter",  components: {ToHome, ToTop, Header}}</script><style scoped>.page-banner {  height: 500px;  background-size: cover;  background-position: 50%;  background-repeat: no-repeat;  background-color: #000;  position: relative}#main {  min-width: 1440px}</style>